<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>
<title>首页</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
	<div class="container" id="content">
		<section class="content-header">
			<h1>
				<i class="fa fa-child"></i> <strong>归档信息</strong>
			</h1>
			<ol class="breadcrumb">
				<li><a href="#"><i class="fa fa-home "></i>Home</a></li>
				<li>系统管理</li>
				<li class="active">归档信息</li>
			</ol>
		</section>
		<!-- Main content -->
		<section class="content">
			<div class="box box-info">
				<div class="box-header with-border">
					<i class="fa fa-th-list"></i>
					<h4 class="box-title">归档信息查询</h4>
				</div>
				<div class="box-body">
					<div class="form-inline">
						<div class="input-group">
							<input type="text" id="search" class="form-control"
								placeholder="search..." style="width: 240px;" /> <span
								class="input-group-btn">
								<button type="button" class="btn btn-info searchBtn">查询</button>
								<button type="button" name="reset" id="reset-btn"
									class="btn btn-info resetBtn">撤消</button>
							</span>
						</div>

					</div>
				</div>
				<div class="box box-body">
					<table width="100%" id="dataTable"
						class="mytable dataTable table-bordered text-center table-striped table-hover">
						<thead>
							<tr>
								<th width="5%">序号</th>
								<th width="10%">所属事件</th>
								<th width="10%">事件类型</th>
								<th width="10%">处理人</th>
								<th width="10%">完结备注</th>
								<th width="10%">完结内容</th>
								<th width="10%">完结时间</th>
								<th width="10%">现场图片</th>
							</tr>
						</thead>
						<tbody>
						</tbody>
					</table>
				</div>
				<div class="box box-body">

					<div class="modal-content" id="detailRegister" style="display: none">


						<h4 class="modal-title">
							<strong>内部事件信息</strong>
						</h4>

						<div class="modal-body">

							<table class="table table-bordered">
								<tbody>
									<tr>
										<td width="8%" align="center">所属事件类型</td>
										<td width="16%">
											<div class="col-md-12">
												<input class="form-control" type="text"
													id="registerType" readonly="readonly" />
											</div>
										</td>
										<td width="24%" align="center" rowspan="5" colspan="3"><label
											class="col-sm-12 control-label"><img
												id="registerEventImgAdress" width="100%" src=""
												height="200px" /></label></td>
									</tr>
									<tr>
										<td width="8%" align="center">发生时间</td>
										<td width="16%">
											<div class="col-md-12">
												<input class="form-control" type="text" readonly="readonly"
													id="registerEventAccTime" />
											</div>
										</td>

									</tr>
									<tr>
										<td width="8%" align="center">登记人</td>
										<td width="16%">
											<div class="col-md-12">
												<input class="form-control" type="text" readonly="readonly"
													id="registerEventCreateUser" />
											</div>
										</td>

									</tr>

									<tr>
										<td width="8%" align="center">所属网格</td>
										<td width="16%">
											<div class="col-md-12">
												<input class="form-control" type="text" readonly="readonly"
													id="registerEventToNetGrid" />
											</div>
										</td>
									</tr>
									<tr>
										<td width="8%" align="center">事件严重等级</td>
										<td width="16%">
											<div class="col-md-12">
												<input class="form-control" type="text" readonly="readonly"
													id="registerEventSeriousLevel" />
											</div>
										</td>
									</tr>
									<tr>
										<td width="8%" align="center">事件评价级别</td>
										<td width="16%">
											<div class="col-md-12">
												<input class="form-control" type="text" readonly="readonly"
													id="registerEventEvaluateLevel" />
											</div>
										</td>
									</tr>
									<tr>
										<td width="8%" align="center">发生地点描述</td>
										<td width="16%" colspan="3">
											<div class="col-md-12">
												<textArea class="form-control" type="text"
													readonly="readonly" id="registerEventAdress"></textArea>
											</div>
										</td>
									</tr>

									<tr>
										<td width="8%" align="center">登记详细内容</td>
										<td width="16%" colspan="5">
											<div class="col-md-12">
												<textArea class="form-control" id="registerEventContent"
													height="100px" rows="3" readonly="readonly"></textArea>
											</div>
										</td>
									</tr>
									<tr>
										<td width="8%" align="center">登记详细备注</td>
										<td width="16%" colspan="5">
											<div class="col-md-12">
												<textArea class="form-control" id="registerEventMemo"
													height="100px" rows="3" readonly="readonly"></textArea>
											</div>
										</td>
									</tr>

								</tbody>
							</table>
						</div>

					</div>

				</div>
			</div>
		</section>

		<script th:src="@{/archive/index.js}"></script>
	</div>

</body>
</html>